<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet"  href="bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
		<script src="js/jQuery-2.1.4.min.js"></script>
		<script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
	</head>
	<style>
.add-span{ 
	    width: 100px;
    /* padding-left: 16px; */
    background-color: rgba(0,0,0,0.15);
    padding: 9px;
    border-radius: 10px;
    height: 110px;
    cursor: pointer;
}
.glyphicon{
	    font-size: 87px;
    color: white;
    /* background-color: rgba(0,0,0,0.15); */
    /* border-radius: 6px; */
}

	</style>
	<body>
		
    <div class="add-span" data-toggle="modal" data-target="#myModal">
		<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
	</div>
	<!---->
<!--
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
  Launch demo modal
</button>	
-->
<!--
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
	-->
<div class="modal fade" id="myModal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body&hellip;</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
	
	<!--------------------------------------------------------------->
	<div class="modal fade" id="addScreen" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				
				<h4 class="modal-title" id="myModalLabel">xxx</h4>
			</div>
			<form class="form-horizontal" action="${context}/xx/addxx"
				method="post" id="xxx">
				<!-- 模态框正文 -->
				<div class="modal-body">
					<div class="form-group">
						<label for="engineName" class="col-sm-2 control-label"></label>
						<div class="col-sm-10">
							<input type="text" class="form-control" 
								name="name" placeholder=""
								autocomplete="off">
						</div>
					</div>
				</div>
				<!-- 模态框效果 -->
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭
					</button>
					<button type="submit" class="btn btn-primary">提交</button>
				</div>
			</form>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal -->
	</body>
</html>
